<?xml version="1.0" encoding="UTF-8" ?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
			    xmlns:ui="http://java.sun.com/jsf/facelets"
			    xmlns:h="http://java.sun.com/jsf/html"
			    xmlns:f="http://java.sun.com/jsf/core"
			    xmlns:sec="http://www.condominioceleste.com/security/facelets/tags"    
			    template="./template/template_login.xhtml">
    
    <ui:define name="title">
        Listado de Ingresos
    </ui:define>
    
    <ui:define name="content">        			
			<h:outputScript library="js" name="analytics.js" target="head" />				
			<h:form id="listadoIngresosForm">				
				<f:event listener="#{receiptsBean.fillDropDowns}" type="preRenderView" />							
				<h:panelGrid  cellspacing="1" border="0" width="650 px;" 
							  bgcolor="#CCCCC0" columns="10" columnClasses="etiqueta,etiqueta_campo,etiqueta,etiqueta_campo,etiqueta,etiqueta_campo,etiqueta,etiqueta_campo,etiqueta,etiqueta_campo"							  
							  headerClass="titulocolumna" footerClass="columnadatoPar">
					
					<f:facet name="header">
						<h:outputText value="Listado de Ingresos" />  
					 </f:facet>
					<sec:submodulo modulo="INGRESOS" submodulo="ADD">
						<h:outputText value="Agregar Ingreso:" /> 
						<h:commandLink action="#{receiptsBean.goAddReceipts}">					
						 		<h:graphicImage value="resources/images/nuevo.gif" alt="Agregar Ingreso" style="border:0;" />
						</h:commandLink>
					</sec:submodulo>		  							  																					
					
					<h:outputText value="Condomino" />					
					<h:selectOneMenu id="condominoId" value="#{receiptsBean.condominiumsId}"  styleClass="campo_texto" >
							<f:selectItem itemValue="-1" itemLabel="- Seleccionar -" />
	  						<f:selectItems value="#{receiptsBean.condominiumsList}" />
					</h:selectOneMenu>	
																		
					<h:outputText value="Tipo de Ingreso:" />
					<h:selectOneMenu id="tipoIngreso" value="#{receiptsBean.receiptSearchType}"  styleClass="campo_texto" >
						<f:selectItems value="#{receiptsBean.receiptsList}" />
					</h:selectOneMenu>
					
					
					<h:outputText value="Mes:" />
					<h:selectOneMenu id="mesId" value="#{receiptsBean.receiptSearchMonth}"  styleClass="campo_texto" >
						<f:ajax render="@none" execute="@this" />
                        <f:selectItem itemValue="1" itemLabel="Enero" />
                        <f:selectItem itemValue="2" itemLabel="Febrero" />
                        <f:selectItem itemValue="3" itemLabel="Marzo" />
                        <f:selectItem itemValue="4" itemLabel="Abril" />
                        <f:selectItem itemValue="5" itemLabel="Mayo" />
                        <f:selectItem itemValue="6" itemLabel="Junio" />
                        <f:selectItem itemValue="7" itemLabel="Julio" />
                        <f:selectItem itemValue="8" itemLabel="Agosto" />
                        <f:selectItem itemValue="9" itemLabel="Septiembre" />
                        <f:selectItem itemValue="10" itemLabel="Octubre" />
                        <f:selectItem itemValue="11" itemLabel="Noviembre" />
                        <f:selectItem itemValue="12" itemLabel="Diciembre" />
					</h:selectOneMenu>
					
					<h:outputText value="A&#241;o:" />
					<h:selectOneMenu id="anioId" value="#{receiptsBean.receiptSearchYear}"  styleClass="campo_texto" >
						<f:ajax render="@none" execute="@this" />                        
                        <f:selectItem itemValue="2010" itemLabel="2010" />
                        <f:selectItem itemValue="2011" itemLabel="2011" />
                        <f:selectItem itemValue="2012" itemLabel="2012" />
                        <f:selectItem itemValue="2013" itemLabel="2013" />
                        <f:selectItem itemValue="2014" itemLabel="2014" />
                        <f:selectItem itemValue="2015" itemLabel="2015" />
                        <f:selectItem itemValue="2016" itemLabel="2016" />
                        <f:selectItem itemValue="2017" itemLabel="2017" />
                        <f:selectItem itemValue="2018" itemLabel="2018" />
                        <f:selectItem itemValue="2019" itemLabel="2019" />
                        <f:selectItem itemValue="2020" itemLabel="2020" />
					</h:selectOneMenu>
					
					
					<f:facet name="footer">
						<h:panelGroup style="text-align:right">		  
						  <h:commandButton id="buscarId" styleClass="boton" value="Buscar" action="#{receiptsBean.searchAction}" />
						</h:panelGroup>
					 </f:facet>
										
				</h:panelGrid>
				
				<br />
							
				<h:dataTable value="#{receiptsBean.receiptsViewList}" var="row" rendered="#{receiptsBean.showTable}" 
					headerClass="titulocolumna" footerClass="columnadatoPar"
					bgcolor="#CCCCC0" width="650" cellpadding="2" cellspacing="1" border="0" 			
	    			rowClasses="columnadatoNon,columnadatoPar">
	
					<h:column>		
						<f:facet name="header"></f:facet>
							<sec:submodulo modulo="INGRESOS" submodulo="DEL">
						 		<h:commandLink action="#{receiptsBean.deleteReceiptsAction}" onclick="return confirm('Eliminar Ingreso?');">	
						 			<f:param name="id" value="#{row.id}" />	
						 			<h:graphicImage value="resources/images/eliminar.jpg" alt="Eliminar Ingreso" style="border:0;" />						 							 	
						 		</h:commandLink>
						 	</sec:submodulo>
						 	:
						 	<sec:submodulo modulo="INGRESOS" submodulo="EDT">
						 		<h:commandLink action="#{receiptsBean.goEditReceipts}">	
						 			<f:param name="receiptId" value="#{row.id}" />	
						 			<h:graphicImage value="resources/images/modificar.gif" alt="Modificar Ingreso" style="border:0;" />						 							 	
						 		</h:commandLink>
						 	</sec:submodulo>					
					</h:column>
					
					<h:column>		
						<f:facet name="header"> <h:outputText value="Fecha" styleClass="ligas" /></f:facet>		
						#{row.date}
					</h:column>					
				
					<h:column>
						<f:facet name="header"><h:outputText value="Concepto de Ingreso" styleClass="ligas" /></f:facet>
						#{row.receiptsItemView.description}
					</h:column>
				
					<h:column>
						<f:facet name="header"><h:outputText value="Comentarios" styleClass="ligas" /></f:facet>
						#{row.comments}
					</h:column>
				
					<h:column>
						<f:facet name="header"><h:outputText value="Casa" styleClass="ligas" /></f:facet>
						#{row.condominiumsView.houseNumber}
					</h:column>
					
					<h:column>
						<f:facet name="header"><h:outputText value="Importe" styleClass="ligas" /></f:facet>
						#{row.amount}
					</h:column>									
					
					<f:facet name="footer">
						<div style="text-align:right">
							TOTAL : #{receiptsBean.total}&#160;&#160;&#160;
						</div>						
					 </f:facet>
				
				</h:dataTable>
				<br />			
			</h:form>			
	</ui:define>
    
</ui:composition>